<template>
  <div class="home" :style="styles">
    <Login />
  </div>
</template>

<script>
import Login from "@pages/pc/components/login/Login";
export default {
  components: {
    Login
  },
  name: "Home",
  data() {
    return {
      loginBackImage:
        "http://wecmp.wisedu.com/devops-iap/login/statics/images/bg.jpg",
      securityConfig: {
        _lt: "76401ad79a7d4cc2b4eb5cd09f644f56"
      }
    };
  },
  computed: {
    styles() {
      return {
        backgroundImage: "url(" + this.loginBackImage + ")",
        backgroundPosition: "center top",
        backgroundRepeat: "no-repeat",
        backgroundSize: "cover"
      };
    }
  },
  mounted() {}
};
</script>
<style lang="stylus" scoped>
.home {
  height: 100%
  width: 100%
  display: flex
  justify-content: center
  align-items: center
  overflow: hidden
}
</style>
